<template>
	<view>

		<view class="pingjia_nr">
			<view class="mingzi">
				<image src="/static/images/Group-33475.png"></image>
				<text>老刘爱吃鸡</text>
			</view>
			<view class="pjneir">
				上次还是12月份来的，这次发现场地更大了!里面直接搞了个炉上次还是12月份来的，这次发现场地更大了!地更更大了!里面直接搞了个炉上次还是12月份来的，这次发现场地更大了!地更更大了!里面直接搞了个炉上次还是12月份来的，这次发现场地更大了!地更现场地更大了!地更
			</view>
			<view class="pingjaitu">
				<u-row gutter="16">
					<u-col span="4" v-for="(item,index) in 9" :key="index">
						<view class="demo-layout">
							<image src="https://shengtan.hwhsh.com/public/uploads/shop/_231817aa65f2003d2ca0e52c6e80e17a.png" mode="aspectFill"></image>
						</view>
					</u-col>
				</u-row>
			</view>
		</view>
		
		<view class="pingjialiebiao">
			<comment-eg :articleId="'article1'"></comment-eg>
		</view>
		
		<view style="height: 100rpx;"></view>
		
		<view class="bottom-btn-wrap">
			<view class="bottom-fixed-btn">
				<u-input v-model="PingJia" type="text" height="40" :border="false" />
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				PingJia: ''
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f4f4f4;
	}
	.pingjialiebiao {
		background-color: #ffffff;
		border-radius: 28rpx;
		margin-bottom: 28rpx;
	}
	.pingjia_nr {
		padding: 30rpx;
		background-color: #ffffff;
		border-radius: 0 0 28rpx 28rpx;
		margin-bottom: 28rpx;
		.mingzi {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			margin-bottom: 30rpx;
			image {
				width: 64rpx;
				height: 64rpx;
				border-radius: 200rpx;
			}
			text {
				color: #999999;
				margin-left: 10rpx;
			}
		}
		.pjneir {
			
		}
		.pingjaitu {
			padding: 30rpx 0 0 0;
			.demo-layout {
				margin-bottom: 20rpx;
				image {
					width: 100%;
					height: 220rpx;
					border-radius: 16rpx;
				}
			}
		}
	}
	.bottom-btn-wrap {
		background-color: #ffffff;
		padding: 15rpx 15rpx;
	}
	.bottom-fixed-btn {
		background-color: #f4f4f4;
		border-radius: 200rpx;
	}
</style>